{extend name="common@base/no_side_common" /}
{block name="body"}
<section class="reg_box log_wrap">
	<form class="login-form fl" action="__SELF__" method="post">
    	<h3>注册小韦云账号</h3>

       <div class="form_body">
           <div class="control-group">
               <label class="control-label" for="inputMobile">手机号</label>
               <div class="controls">
                   <input type="text" id="inputMobile" class="span3" placeholder="请输入手机号码" errormsg="请填写正确格式的手机号码" nullmsg="请填写手机号码" value=""  name="mobile">
                   <span class="tips">该手机号将用于登录小韦云系统</span>
               </div>
           </div>


          <div class="control-group">
            <label class="control-label" for="inputPassword">密码</label>
            <div class="controls">
              <input type="password" id="inputPassword"  class="span3" placeholder="请输入密码"  errormsg="密码为6-20位" nullmsg="请填写密码" datatype="*6-20" name="password">
              <span class="tips">填写6位数以上的登录密码</span>
            </div>
          </div>
          <div class="control-group">
            <label class="control-label" for="repassword">确认密码</label>
            <div class="controls">
              <input type="password" id="repassword" class="span3" placeholder="请再次输入密码" recheck="password" errormsg="您两次输入的密码不一致" nullmsg="请填确认密码" datatype="*" name="repassword">
            </div>
          </div>
           <div class="control-group">
               <label class="control-label" for="username">用户名称</label>
               <div class="controls">
                   <input type="text" id="username" class="span3" placeholder="请输入用户名称" value="" name="truename">
                   <span class="tips"></span>
               </div>
           </div>
<!--          <div class="control-group">-->
<!--            <label class="control-label" for="inputEmail">邮箱</label>-->
<!--            <div class="controls">-->
<!--              <input type="text" id="inputEmail" class="span3" placeholder="请输入电子邮件"  ajaxurl="/user/checkUserEmailUnique.html" errormsg="请填写正确格式的邮箱" nullmsg="请填写邮箱" datatype="e" value="" name="email">-->
<!--              <span class="tips">用于发送小韦云相关资料</span>-->
<!--            </div>-->
<!--          </div>-->
<!--           <div class="control-group">-->
<!--               <label class="control-label" for="inputTruename">公司名称</label>-->
<!--               <div class="controls">-->
<!--                   <input type="text" id="inputTruename" class="span3" placeholder="请输入公司名称" name="truename">-->
<!--                   <span class="tips"></span>-->
<!--               </div>-->
<!--           </div>-->
          <div class="control-group">
            <label class="control-label" for="verify">验证码</label>
            <div class="controls">
              <div>
              <input type="text" id="verify" class="span3" placeholder="请输入验证码"  errormsg="请填写5位验证码" nullmsg="请填写验证码" datatype="*5-5" name="verify">
              <img class="verifyimg reloadverify" alt="点击切换" src="{:captcha_src()}" style="width:300px;cursor:pointer;">
                  

              </div>
              <div class="Validform_checktip text-warning"></div>
            </div>
          </div>


          <div class="control-group">
          	<label class="control-label">&nbsp;</label>
            <div class="controls">
              <button type="button" id="submitBtn" class="btn">提 交</button>
            </div>
          </div>
      </div>
    </form>
    <div class="fr reg_r">
    	 已有小韦云账号？<a href="{:U('home/User/login')}">登录</a>
    </div>
</section>
{/block}
{block name="script"}
	<script type="text/javascript">
		 $(document)
	    	.ajaxStart(function(){
	    		$("button").addClass("disabled");
	    	})
	    	.ajaxStop(function(){
	    		$("button").removeClass("disabled");
	    	});
    	 $("#submitBtn").click(function(){
			//console.log('a');
    		var self = $('form');
    		$.post(self.attr("action"), self.serialize(), success, "json");
    		return false;

    		function success(data){
    			if(data.code==0){
					window.location.href = data.url;
    			} else {
    				self.find(".Validform_checktip").text(data.msg);
    				//刷新验证码
    				$(".reloadverify").click();
    			}
    		}
    	});

		$(function(){
			var verifyimg = $(".verifyimg").attr("src");
            $(".reloadverify").click(function(){
                if( verifyimg.indexOf('?')>0){
                    $(".verifyimg").attr("src", verifyimg+'&random='+Math.random());
                }else{
                    $(".verifyimg").attr("src", verifyimg.replace(/\?.*$/,'')+'?'+Math.random());
                }
            });
		});
	</script>
{/block}
